<template>
    <div class="com" ref="com" @click="change">
      {{meg}}
    </div>
</template>

<script>
/* eslint-disable */
import test from './test'
export default {
  data () {
    return {
      meg: 'one'
    }
  },
  methods: {
    change (){
      this.meg = 'two';
      console.log(this.$refs.com.innerHTML)
    }
  }
}
</script>

<style lang="stylus" scoped>
  .fade-enter{
    opacity: 0
  }
  .fade-enter-active{
    opacity: 1;
    transition: opacity  .5s;
  }
  .fade-leave{
    opacity: 1
  }
  .fade-leave-active{
    opacity: 0;
    transition: opacity .5s;
  }
</style>
